<template>
 <div class="container">
   <div>
     <slot />
   </div>
 </div>
</template>

<script>
export default {
  name: "container"
}
</script>

<style scoped>
.container{
  padding: 20px;
  box-sizing: border-box;
  height: 100% ;
  overflow-x: hidden;
}
.container .search-form{
  display: flex;
  margin-bottom: 10px;
  border-bottom:  1px solid rgb(176, 189, 226);
}

.container .search-form .el-form{display: flex;}

.shadow{
  border-radius: 16px;
  box-shadow: 5px 5px 10px #e3e3ea,
  -5px -5px 10px #ffffff;
  padding: 0px 10px;
  margin-bottom: 10px;
  background: #fbfbfd;
  height:100%;
  box-sizing: border-box;
}
</style>
